<%-- 
    Document   : despliegaProductos
    Created on : 16/10/2012, 09:50:16 PM
    Author     : Alberto Ruiz | Roberto Corona
    La siguiente pagina despliega una tabla para actualizar un producto ya guardado
--%>


<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
    <head>
        <title>Abarrotera Despliega Productos</title>
        <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
        <link href="estilo.css" rel="stylesheet" type="text/css" />

        <script type="text/javascript">
            var seleccionado = false;
            var cancelar = false;
            
            function validaSeleccionado(){
                if(cancelar){
                    return true;
                }
                
                if(seleccionado == false){
                    var celda = document.getElementById("errorMsg");
                    celda.firstChild.nodeValue ="* Debe seleccionar un producto";
                    return false;
                }
                
                return true;
            }
        </script>
    </head>

    <body>
        <jsp:useBean id="listaProductos" class="objetosTransferencia.Lista" scope="request" />

        <%--Contiene los elementos del encabezado logo y titulo--%>
        <%@include file="WEB-INF/jspf/titulo.jspf" %>
        <%--Contiene todos los elementos--%>
        <div id="contenedor">
            <%--Contiene todos los elementos del menu lateral--%>
            <%@include file="WEB-INF/jspf/menuProductos.jspf" %>
            <%--muestra la tabla--%>
            <div id="contenidos">
                <h2>Seleccione producto para actualizar</h2>
                <form method="post" name="form1" action="ObtenProducto" onsubmit="return validaSeleccionado();">
                    <table>
                        <tr>
                            <td id="errorMsg" class="lblMensaje">&nbsp;</td>
                        </tr>
                    </table>

                    <table style="width: 100%">
                        <tr class="filaEncabezado">
                            <td>&nbsp;</td>
                            <td>Clave</td>
                            <td>Nombre</td>
                            <td>Tipo</td>
                            <td>Unidad</td>
                        </tr>
                        <c:forEach items="${listaProductos.lista}" var="producto" varStatus="fila">
                            <tr>
                                <td><input type="radio" name="Clave" value="${producto.clave}" onclick="seleccionado=true"/></td>
                                <td>${producto.clave}</td>
                                <td>${producto.nombre}</td>
                                <td>${producto.tipo}</td>
                                <td>${producto.unidad}</td>
                            </tr>
                        </c:forEach>
                    </table>

                    <table>
                        <tr>
                            <td><input type="reset" id="cmbRestaurar" onClick="seleccionado=false" /></td>
                            <td><input type="submit" id="cmbCancelar" name="boton" value="Cancelar"  onClick="cancelar=true" /></td>
                            <td><input type="submit" id="cmbContinuar" name="boton" value="Continuar" /></td>
                        </tr>
                    </table>
                </form>
            </div>
        </div>
        <div id="piePagina">
        </div>
    </body>
</html>
